import { useEffect, useState } from "react";

const App = () => {
  const [state, setState] = useState(2);

  useEffect(() => {
    // 1. 该函数在组件挂载就绪执行（首次渲染）
    // 2. 该函数在依赖项目（第二个参数）发生改变（更新后）执行一次。
    // 2-1 当第二项不存在的时候， 代表依赖所有数据， 数据改变， 就执行一次
    console.log("setup", state);
  
  }, [state]);

  return (
    <div>
      <h1>{state}</h1>
      <button onClick={() => setState(state + 1)}>+1</button>
    </div>
  );
};

export default App;
